<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>主页</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/lunbo.css">
	<link rel="stylesheet" href="css/index.css">

</head>
<body>
                       <!-- 顶部导航条 -->
	<div class="topbox mb10">
		<div class="top sec1170">
			<div class="basic fl">
				<ul>
					<li><a class="tz" href=""><i class="collect"></i>收藏美团</a></li>
					<li><a class="tz dl" href="">登录</a></li>
					<li><a class="tz " href="">注册</a></li>
					<li id="li1" class="toggleli">
						<a class="togglea" href="">
							<i class="icon-phone"></i>
							手机美团
							<i class="icon-tri"></i>
						</a>
						<div class="togglemenu">
							<div>
								<a href="">免费下载手机美团</a>
								<img src="images/weixin1.png">
							</div>
							<div>
								<a href="">免费下载手机美团</a>
								<img src="images/weixin1.png">
							</div>
						</div>
					</li>
				</ul>
			</div>

			<div class="user fr">
				<ul>
					<li><a href="">我的订单</a></li>
					<li id="li2" class="toggleli">
						<a class="togglea " href="">
							我的美团
							<i class="icon-tri"></i>
							<i class="vertical-line"></i>
						</a>
							<div class="togglemenu">
								<ul>
									<li><a href="">我的订单</a></li>
									<li><a href="">我的评价</a></li>
									<li><a href="">我的收藏</a></li>
									<li><a href="">我的积分</a></li>
									<li><a href="">抵用券</a></li>
									<li><a href="">余额</a></li>
								</ul>
							</div>
					</li>
					<li class="toggleli">
							<a class="togglea" href="">最近浏览
							<i class="icon-tri"></i>
							<i class="vertical-line"></i>
					</a></li>
					<li class="toggleli"><a class="togglea" href="">购物车0件
							<i class="icon-tri"></i>
							<i class="vertical-line"></i>
					</a></li>

					<li id="li3" class="toggleli">
						<a class="togglea" href="">联系客服
							<i class="icon-tri"></i>
							<i class="vertical-line"></i>
						</a>
								<div class="togglemenu">
									<ul>
										<li><a href="">申请退款</a></li>
										<li><a href="">申请退货</a></li>
										<li><a href="">查看美团卷</a></li>
									</ul>
								</div>
					</li>

					<li id="li4" class="toggleli">
						<a class="togglea" href="">我是商家
							<i class="icon-tri"></i>
							<i class="vertical-line"></i>
						</a>
						<div class="togglemenu">
							<ul>
								<li><a href="">登录商家中心</a></li>
								<li><a href="">我想合作</a></li>
							</ul>
						</div>
					</li>

					<li id="li5" class="toggleli">
						<a class="togglea" href="">
								更多
							<i class="icon-tri"></i>
						</a>
						<div class="togglemenu">
							<ul>
								<li><a href="">手机免费开店</a></li>
								<li><a href="">手机版</a></li>
								<li><a href="">邮件订阅</a></li>
							</ul>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
	                   <!-- 顶部导航条 -->

                       <!-- 搜索栏 -->
	<div class="logo sec1170 mb10">
		<div class="logobox fl">
			<a class="icon-logo" href=""></a>
			<div class="city ">
				<form action="">
					<h2 id="current-city">北京</h2>
					<span id="change-city">切换城市</span>
				</form>
			</div>
		</div>

		<div class="searchbox fl">
			<form action=""></form>
				<div class="searchmenu">
					团购
					<i class="icon-tri"></i>
				</div>
				<input type="text" class="search" placeholder="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;请输入商品名称、地址等">
				<button>搜索</button>
			</form>
			<div class="daohang">
	            <a href="">购物卡</a>
	            <a href="">皇冠</a>
	            <a href="">慕苏草莓</a>
	            <a href="">蛋糕</a>
	            <a href="">烤全羊</a>
	            <a href="">仟吉</a>
	            <a href="">猪肚鸡</a>
	            <a href="">锅内锅外</a>
	            <a href="">必胜客</a>
	        </div>
		</div>

		<div class="promise fr">
			<a href=""><img src="images/icon-return-big.png" alt=""><span>随时退</span></a>
			<a href=""><img id="bingo" src="images/icon-free-big.png" alt=""><span>不满意免单</span></a>
			<a href=""><img src="images/icon-expire-big.png" alt=""><span>过期退</span></a>
		</div>


	</div>
                       <!-- 搜索栏 -->
                         
                       <!-- nav部分 -->
	<div class="nav sec1170 mb10">
		<div class="navbox ">
			<div class="fl">
				<h2>全部分类</h2>
			</div>
				<ul class="navsearch fl">
					<li><a href="">首页</a></li>
					<li><a href="">今日新单</a></li>
					<li><a href="">购物</a></li>
					<li><a href="">身边外卖</a></li>
					<li><a href="">名店抢购</a></li>
				</ul>
		</div>
		<div class="navlead">
			<ul class="nav-lead fl">
				<li id="popup1" class="nav-li"><a herf="" class="nav-main fl">美食</a>
					<span class="fr">
						<a herf="">自助餐</a> 
						<a herf="">代金券</a>
						<i class="turn-right"></i>
					</span>
					<div class="popup" id="poPup1">
						<h2><a href="">美食</a></h2>
						<div class="popup-left fl">
							<ul>
								<li><a href="">代金券</a></li>
								<li><a href="">甜点饮品</a></li>
								<li><a href="">火锅</a></li>
								<li><a href="">自助餐</a></li>
								<li><a href="">小吃快餐</a></li>
								<li><a href="">其他美食</a></li>
								<li><a href="">日韩料理</a></li>
								<li><a href="">聚餐宴请</a></li>
								<li><a href="">西餐</a></li>
								<li><a href="">东北菜</a></li>
								<li><a href="">烧烤烤肉</a></li>
								<li><a href="">川湘菜</a></li>
								<li><a href="">香锅烤鱼</a></li>
								<li><a href="">江浙菜</a></li>
								<li><a href="">中式烧烤/烤串</a></li>
								<li><a href="">粤港菜</a></li>
							</ul>
						</div>
						<div class="popup-right fl">
							<ul>
								<li><a href="">咖啡酒吧茶馆</a></li>
								<li><a href="">西北菜</a></li>
								<li><a href="">京菜鲁菜</a></li>
								<li><a href="">云贵菜</a></li>
								<li><a href="">东南亚菜</a></li>
								<li><a href="">海鲜</a></li>
								<li><a href="">素食</a></li>
								<li><a href="">台湾/客家菜</a></li>
								<li><a href="">创意菜</a></li>
								<li><a href="">汤/粥/炖菜</a></li>
								<li><a href="">新疆菜</a></li>
							</ul>
						</div>
					</div>
				</li>

				<li id="popup2" class="nav-li"><a herf="" class="nav-main fl">酒店/客栈</a>
					<span class="fr">
						<a herf="">经济型酒店</a>
						<i class="turn-right"></i>
					</span>
					<div class="popup shrink" id="poPup2">
						<h2><a href="">酒店</a></h2>
						<div class="popup-left fl">
							<ul>
								<li><a href="">经济型酒店</a></li>
								<li><a href="">豪华酒店</a></li>
								<li><a href="">主题酒店</a></li>
								<li><a href="">度假酒店/度假村</a></li>
								<li><a href="">公寓型酒店</a></li>
								<li><a href="">客栈</a></li>
								<li><a href="">青年旅社</a></li>
							</ul>
						</div>
					</div>
				</li>

				<li id="popup3" class="nav-li"><a herf="" class="nav-main fl">电影/在线选座</a>
					<span class="fr">
						<i class="turn-right"></i>
					</span>
					<div class="popup shrink" id="poPup3">
						<h2><a href="">当前热映</a></h2>
						<div class="popup-left fl">
							<ul>
								<li><a href="">星球大战外传</a></li>
								<li><a href="">情圣</a></li>
								<li><a href="">铁道飞虎</a></li>
								<li><a href="">长城</a></li>
								<li><a href="">摆渡人</a></li>
								<li><a href="">血战钢锯岭</a></li>
								<li><a href="">你好，疯子</a></li>
							</ul>
						</div>
					</div>
				</li>

				<li class="nav-li"><a herf="" class="nav-main fl">KTV</a></li>

				<li id="popup4" class="nav-li"><a herf="" class="nav-main fl">休闲娱乐</a>
					<span class="fr">
						<a herf="">足疗按摩</a> 
						<a herf="">温泉</a>
						<i class="turn-right"></i>
					</span>	
					<div class="popup" id="poPup4">
						<h2><a href="">休闲娱乐</a></h2>
						<div class="popup-left fl">
							<ul>
								<li><a href="">KTV</a></li>
								<li><a href="">其他娱乐</a></li>
								<li><a href="">演出赛事</a></li>
								<li><a href="">电玩/游戏厅</a></li>
								<li><a href="">运动健身</a></li>
								<li><a href="">私人影院</a></li>
								<li><a href="">足疗按摩</a></li>
								<li><a href="">洗浴/汗蒸</a></li>
								<li><a href="">中医养生</a></li>
								<li><a href="">茶馆</a></li>
								<li><a href="">棋牌</a></li>
								<li><a href="">桌游</a></li>
								<li><a href="">轰趴</a></li>
								<li><a href="">温泉</a></li>
								<li><a href="">采摘/农家乐</a></li>
								<li><a href="">DIY手工</a></li>
							</ul>
						</div>
						<div class="popup-right fl">
							<ul>
								<li><a href="">密室逃脱</a></li>
								<li><a href="">酒吧</a></li>
								<li><a href="">真人CS</a></li>
							</ul>
						</div>
					</div>
				</li>

				<li id="popup5" class="nav-li"><a herf="" class="nav-main fl">周边游/旅游</a>
					<span class="fr">
						<i class="turn-right"></i>
					</span>
					<div class="popup shrink" id="poPup5">
						<h2><a href="">周边游</a></h2>
						<div class="popup-left fl">
							<ul>
								<li><a href="">温泉</a></li>
								<li><a href="">景点</a></li>
								<li><a href="">主题公园</a></li>
								<li><a href="">动植物园</a></li>
								<li><a href="">海洋馆</a></li>
								<li><a href="">展览馆</a></li>
								<li><a href="">游船</a></li>
								<li><a href="">真人CS</a></li>
								<li><a href="">单车出租</a></li>
								<li><a href="">其他游玩</a></li>
								<li><a href="">农家乐</a></li>
							</ul>
						</div>
					</div>
				</li>

				<li id="popup6" class="nav-li"><a herf="" class="nav-main fl">生活服务</a>
					<span class="fr">
						<a herf="">婚纱摄影</a> 
						<a herf="">个性写真</a>
						<i class="turn-right"></i>
					</span>
					<div class="popup shrink" id="poPup6">
						<h2><a href="">生活服务</a></h2>
						<div class="popup-left fl">
							<ul>
								<li><a href="">婚纱摄影</a></li>
								<li><a href="">个性写真</a></li>
								<li><a href="">亲子摄影</a></li>
								<li><a href="">其他摄影</a></li>
								<li><a href="">培训课程</a></li>
								<li><a href="">其他生活</a></li>
								<li><a href="">汽车服务</a></li>
								<li><a href="">体检/齿科</a></li>
								<li><a href="">衣物/皮具洗护</a></li>
								<li><a href="">鲜花</a></li>
								<li><a href="">母婴亲子</a></li>
								<li><a href="">配镜</a></li>
								<li><a href="">照片冲印</a></li>
								<li><a href="">商场购物卡</a></li>
								<li><a href="">服饰鞋包</a></li>
							</ul>
						</div>
					</div>
				</li>

				<li class="nav-li"><a herf="" class="nav-main fl">购物</a>
					<span class="fr">
						<a herf="">男装</a> 
						<a herf="">女装</a>
						<i class="turn-right"></i>
					</span>
				</li>
				<li id="popup7" class="nav-li"><a herf="" class="nav-main fl">丽人</a>
					<span class="fr">
						<a herf="">美发</a> 
						<a herf="">美甲美睫</a>
						<i class="turn-right"></i>
					</span>
					<div class="popup shrink" id="poPup7">
						<h2><a href="">丽人</a></h2>
						<div class="popup-left fl">
							<ul>
								<li><a href="">美发</a></li>
								<li><a href="">美容美体</a></li>
								<li><a href="">美甲美睫</a></li>
								<li><a href="">瑜伽舞蹈</a></li>
								<li><a href="">瘦身纤体</a></li>
								<li><a href="">韩式定妆</a></li>
								<li><a href="">祛痘</a></li>
								<li><a href="">纹身</a></li>
							</ul>
						</div>
					</div>
				</li>
			</ul>


			<div class="navMid fl">
				<div class="nav-mid">
					<i class="fire"></i>
					<h4>热门团购</h4>
					<ul>
						<li><a href="">自助餐</a></li>
						<li><a href="">烧烤烤肉</a></li>
						<li><a href="">火锅</a></li>
						<li><a href="">小吃快餐</a></li>
						<li><a href="">甜点饮品</a></li>
						<li><a href="">川湘菜</a></li>
						<li><a href="">海鲜</a></li>
						<li><a href="">香锅烤鱼</a></li>
						<li><a href="">西餐</a></li>
					</ul>
				</div>
				<div class="nav-mid">
				<i class="location"></i>
					<h4>全部区域</h4>
					<ul>
						<li><a href="">洪山区</a></li>
						<li><a href="">汉阳区</a></li>
						<li><a href="">江汉区</a></li>
						<li><a href="">武昌区</a></li>
						<li><a href="">硚口区</a></li>
						<li><a href="">青山区</a></li>
						<li><a href="">江岸区</a></li>
						<li><a href="">东西湖区</a></li>
						<li><a href="">江夏区</a></li>
						<li><a href="" class="nav-more">更多<i class="icon-tri"></i></a>
						
						</li>
					</ul>
				</div>

				<div class="nav-mid">
				<i class="house"></i>
					<h4>热门商圈</h4>
					<ul>
						<li><a href="">江汉路步行街</a></li>
						<li><a href="">光谷/鲁巷</a></li>
						<li><a href="">虎泉/关西</a></li>
						<li><a href="">沌口</a></li>
						<li><a href="">光谷天地</a></li>
						<li><a href="">菱角湖</a></li>
						<li><a href="">汉街/水果湖</a></li>
					</ul>
				</div>
 <!--       轮播图        -->
				<div id="container">
					<div id="list" style="left: -640px;">
						<span>
							<img class="list-left" src="images/entertainment-pic1.jpg" alt="1">
							<img src="images/entertainment-pic2.jpg" alt="2">
						</span>	
						<span>
							<img class="list-left" src="images/entertainment-pic1.jpg" alt="1">
							<img src="images/entertainment-pic2.jpg" alt="2">
						</span>
						<span>
							<img class="list-left" src="images/entertainment-pic3.jpg" alt="3">
							<img src="images/entertainment-pic4.jpg" alt="4">
						</span>
						<span>	
							<img class="list-left" src="images/entertainment-pic5.jpg" alt="5">
							<img id="listChange" src="images/entertainment-pic6.jpg" alt="6">
						</span>
						<span>	
							<img class="list-left" src="images/entertainment-pic7.jpg" alt="7">
							<img src="images/entertainment-pic8.jpg" alt="8">
						</span>
						<span>	
							<img class="list-left" src="images/entertainment-pic9.jpg" alt="9">
							<img src="images/entertainment-pic10.jpg" alt="10">
						</span>
						<span>	
							<img class="list-left" src="images/entertainment-pic11.jpg" alt="11">
							<img src="images/entertainment-pic12.jpg" alt="12">
						</span>
						<span>	
							<img class="list-left" src="images/entertainment-pic11.jpg" alt="11">
							<img src="images/entertainment-pic12.jpg" alt="12">
						</span>
					</div>
					<div id="buttons">
						<span index="1" class="on"></span>
						<span index="2"></span>
						<span index="3"></span>
						<span index="4"></span>
						<span index="5"></span>
						<span index="6"></span>
					</div>
					<a href="javascript:;" id="prev" class="arrow">&lt;</a>
					<a href="javascript:;" id="next" class="arrow">&gt;</a>
				</div>
<!--        轮播图          -->
	</div>
		
		<div class="adv fr">
			<div class="adv1">
				<img src="images/1yuan.png" alt="">
			</div>
			<div class="adv2">
				<h1>超级星期二</h1>
				<h3>每周10点等你来</h3>
				<img src="images/tuesday.jpg" alt="">
			</div>
		</div>

		</div>


	</div>
                       <!-- nav部分 -->
	<!--    		famous                 -->
	<div class="famous sec1170">

		

	</div>

<!--             	famous end              -->
	<div class="food sec1170">
		<img src="slices/5.food.gif" alt="">
	</div>
	<div class="amusement sec1170">
		<img src="slices/6.amusement.gif" alt="">
	</div>
	<div class="movie sec1170">
		<img src="slices/7.moive.gif" alt="">
	</div>
	<div class="hotel sec1170">
		<img src="slices/8.hotel.gif" alt="">
	</div>
	<div class="life sec1170">
		<img src="slices/9.life.gif" alt="">
	</div>
	<div class="shopping sec1170">
		<img src="slices/10.shopping.gif" alt="">
	</div>
	<div class="beauty sec1170">
		<img src="slices/11.beauty.gif" alt="">
	</div>
	<div class="travel sec1170">
		<img src="slices/12.travel.gif" alt="">
	</div>
	<div class="links sec1170">
		<img src="slices/13.links.gif" alt="">
	</div>
	<div class="footer1 sec1170">
		<img src="slices/14.footer1.gif" alt="">
	</div>
	<div class="footer2 sec1170">
		<img src="slices/14.footer2.png" alt="">
	</div>

	<script src="js/jquery.js"></script>
	<script src="js/abc.js"></script>
	<script src="js/lunbo.js"></script>

</body>
</html>